<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>

</head>
<script type="text/javascript">
	$(function() {

		//查询数据的表格
		$('#dg').datagrid({
			url : 'supplier',
			rownumbers : true,
			pagination : true,
			pagePosition : 'bottom',
			pageSize : 10,
			pageList : [ 10, 15, 20 ],
			autoRowHeight : false,
			columns : [ [ {field : 'checkbox',title : '',checkbox : true,width : 200
			}, {field : 'supId',title : '供应商Id',width : 200,hidden : true,align : 'center'
			}, {field : 'supName',title : '供应商厂家名',width : 300,align : 'center'
			}, {field : 'supContacts',title : '供应商厂家联系人',width : 200,align : 'center'
			}, {field : 'supPhone',title : '厂家联系人电话',width : 220,align : 'center'
			}, {field : 'eId',title : '我方负责人',width : 200,align : 'center'
			}, ] ],
			
			//工具栏
			toolbar : [ {
              
				
				//增加功能
				iconCls : 'icon-add',
				text : '增加',
				handler : function() {
					//显示窗口
					$('#win').window('open');  				
					//清空文本框
					$('#tb1').textbox('clear');
					$('#tb2').textbox('clear');
					$('#tb3').textbox('clear');
					$('#cc').combogrid('clear');
	
				}
			}, 
			'-',

			
			
			{
				//删除功能
				iconCls : 'icon-remove',
				text : '删除',
				handler : function() {
					var se = $('#dg').datagrid('getSelections');
					if (se.length > 0) {
						$.messager.confirm('确认对话框', '确定要删除吗？', function(r) {
							if (r) {
								$.each(se, function(i, n) {
									var supId = se[i].supId;
									$.ajax({
										type : 'post',
										url : 'shanlxg',
										data : {
											'supId' : supId
										},
										dataType : 'json',
										success : function(data) {
											if (1 == data) {
												$.messager.show({
													title : '我的消息',
													msg : '删除成功',
													showType : 'show',
													timeout : 2000,
												})
												//重加载页面
												$('#dg').datagrid('reload');
												//删除功能日志请求
												$.ajax({
													url:'deleteDailyLXG',
													type:'post',
													dataType:'json',
													success:function(data){
														if(data==1){}else{
															$.messager.alert('我的消息','日志生成失败！','info');
														}
													}
													
												})
											} else {
												$.messager.show({
													title : '我的消息',
													msg : '删除失败',
													showType : 'show',
													timeout : 2000,
												});
											}
										}
									})
								})
							} else {
								//取消所选中的行
								$('#dg').datagrid('clearSelections');
							}
						})
					} else {
						$.messager.alert('我的消息', '请勾选您要删除的行', 'info');
					}

				}
			}, '-',

			
			
			
			{
				
				
				//修改功能
				iconCls : 'icon-edit',
				text : '修改',
				handler : function() {
					
					var up=$('#dg').datagrid('getSelections');  
					if(up.length==1){
						$('#win1').window('open');
						//赋值
						//var supId=up[0].supId;
						$('#tb5').textbox('setValue',up[0].supName);
						$('#tb6').textbox('setValue',up[0].supContacts);
						$('#tb7').textbox('setValue',up[0].supPhone);
						
						$('#cc1').combogrid('setValue', up[0].eId);


						$('#tb9').textbox('setValue',up[0].supId);
					}else{
						$.messager.alert('我的消息','请您选择需要修改的一行','info');
						$('#dg').datagrid('clearSelections'); 
                     }
				}
			}, '-',
			
			
			
			{
				
				
				//查询功能
				iconCls : 'icon-search',
				text : '查询',
				handler : function() {
					$.messager.prompt('提示信息', '请输查询关键字：', function(r){
						
						if (r){		
							$('#cx').show();
							//表格
							$('#dg1').datagrid({		
								url : 'selectSupplier',
								//传值
								queryParams: {
									keyword:r
								},

								rownumbers : true,
								pagination : true,
								pagePosition : 'bottom',
								pageSize : 10,
								pageList : [ 10, 15, 20 ],
								autoRowHeight : false,
								columns : [ [  {field : 'supId',title : '供应商Id',width : 200,hidden : true,align : 'center'
								}, {field : 'supName',title : '供应商厂家名',width : 300,align : 'center'
								}, {field : 'supContacts',title : '供应商厂家联系人',width : 200,align : 'center'
								}, {field : 'supPhone',title : '厂家联系人电话',width : 220,align : 'center'
								}, {field : 'eId',title : '我方负责人',width : 200,align : 'center'
								}, ] ],
							})
							//查询功能的日志
							$.ajax({
								url:'selectDailyLXG',
								type:'post',
								dataType:'json',
								success:function(data){
									if(data==1){}else{
										$.messager.alert('我的消息','日志生成失败！','info');
									}
								}
							})
							
						}
					});


				}
			} ]
		
		});
		
		
		
		//增加确定按钮的事件
		$('#btn1').click(function(){
			
			var supName=$('#tb1').textbox('getValue');
			var supContacts=$('#tb2').textbox('getValue');
			var supPhone=$('#tb3').textbox('getValue');
			
			var eId=$('#cc').combo('getValue');
			$.ajax({
				type : 'post',
				url : 'insertSupplier',
				data : {'supName':supName,'supContacts':supContacts,
					'supPhone':supPhone,'eId':eId},
				dataType : 'json',
				success : function(data){
					if(data==1){
						$.messager.show({
							title:'我的消息',
							msg:'增加成功',
							timeout:2000,
							showType:'slide'
						});
						$('#dg').datagrid('reload');
						$('#win').window('close');  
						
						//生成日志的ajax请求
						$.ajax({
							url:'insertDaily',
							type:'post',
							
							dataType:'json',
							success:function(data){
								if(data==1){
									
								}else{
									$.messager.alert('我的消息','日志生成失败！','info');
								}
							}
						})
					}else{
						$.messager.show({
							title:'我的消息',
							msg:'增加失败',
							timeout:2000,
							showType:'slide'
						});
						$('#win').window('close');  
					}
				}
			})
		})
		//增加取消按钮的事件
		 $('#btn2').bind('click', function(){    
			 $('#win').window('close');   
		    });
		//增加下拉列表
		$('#cc').combogrid({    
    panelWidth:450,          
    mode: 'remote',
    idField:'eId', 
    
    textField:'eId',    
    url:'combobox_insert',    
    columns:[[    
 {field : 'eId',title : 'eId',width : 200,align : 'center'
},{field : 'eName',title : 'eName',width : 200,align : 'center'
},     
    ]]    
});
		
		
		//修改功能确定按钮的事件
		 $('#btn3').bind('click', function(){   
			 var supName=$('#tb5').textbox('getValue'); 
		     var supContacts=$('#tb6').textbox('getValue');
		     var supPhone=$('#tb7').textbox('getValue'); 
		     var eId=$('#cc1').combo('getValue'); 
		     var supId=$('#tb9').textbox('getValue');
		     
			 $.ajax({
				url:'updateSupplier',
				type:'post',
				data:{'supName':supName,'supContacts':supContacts,'supPhone':supPhone,'eId':eId,'supId':supId},
				dataType:'json',
				success:function(data){
					if(data==1){
						$.messager.show({
							title:'我的消息',
							msg:'修改成功',
							timeout:2000,
							showType:'slide'})
							$('#dg').datagrid('reload');
							$('#win1').window('close');
							//修改功能的日志
							$.ajax({
								url:'updataDailyLXG',
								type:'post',
								dataType:'json',
								success:function(data){
									if(data==1){}else{
										$.messager.alert('我的消息','日志生成失败！','info');
									}
								}
							})

					}else{
						$.messager.show({
							title:'我的消息',
							msg:'修改失败',
							timeout:2000,
							showType:'slide'})
							
					}
				}
			 })
		    }); 
		
		
		//修改功能取消按钮的事件
		 $('#btn4').bind('click', function(){    
			 $('#win1').window('close');    
		    }); 
		
		//修改下拉列表
			$('#cc1').combogrid({    
	    panelWidth:450,          
	    mode: 'remote',
	    idField:'eId', 
	    
	    textField:'eId',    
	    url:'combobox_insert',    
	    columns:[[    
	 {field : 'eId',title : 'eId',width : 200,align : 'center'
	},{field : 'eName',title : 'eName',width : 200,align : 'center'
	},     
	    ]]    
	});
		
		
	
	})
	
		
</script>

<body>
	<!-- 表格 -->
	<table id="dg"></table>
	<br>

	<!-- 增加功能的表格 -->

	<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px"   
        data-options="iconCls:'icon-save',modal:true,closed:true">
		
			<div id="insert" style="margin-left: 150px;margin-top: 70px">
			供应商名称<input id="tb1" class="easyui-textbox" style="width:200px;heigh:20px"> 

<br><br> 
			厂家联系人<input id="tb2" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			联系人电话<input id="tb3" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			超市联络人<input id="cc" name="dept" style="width:200px;heigh:20px"/>  <br> <br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn1" href="#" class="easyui-linkbutton">确定</a> 
				<a id="btn2" href="#" class="easyui-linkbutton">取消</a> 
			</div>
		</div>
	</div>

		<!-- 修改功能的表格 -->

	<div id="win1" class="easyui-window" title="My Window" style="width:600px;height:400px"   
        data-options="iconCls:'icon-save',modal:true,closed:true">
		
			<div id="update" style="margin-left: 150px;margin-top: 70px">
		<div style="display:none">	supId<input id="tb9" class="easyui-textbox" style="width:200px;heigh:20px"><br><br></div> 
			供应商名称<input id="tb5" class="easyui-textbox" style="width:200px;heigh:20px"> <br><br> 
			厂家联系人<input id="tb6" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			联系人电话<input id="tb7" class="easyui-textbox" style="width:200px;heigh:20px"><br> <br> 
			超市联络人<input id="cc1" name="dept" style="width:200px;heigh:20px"/> <br> <br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn3" href="#" class="easyui-linkbutton">确定</a> 
				<a id="btn4" href="#" class="easyui-linkbutton">取消</a> 
			</div>
		</div>
	</div>
		
		
		<!-- 查询功能的表格 -->
		<div id="cx" style="display:none">
		<div id="tt" class="easyui-tabs" style="width:1100px;height:500px;"data-options="closable:true">   
    <div title="查询信息" style="padding:20px;display:none;"data-options="closable:true">   
         <table id="dg1"></table>   
    </div>   
      
</div> 
</div>
</body>
</html>